<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<ul>
		<li>李锐锋穿黑丝</li>
		<li>李锐锋打篮球</li>
		<li>李锐锋过马路</li>
		<li>李锐锋骑自行车</li>
		<li>李锐锋碰瓷老太太</li>
		<li aaa="456">老师decoration写十遍</li>
	</ul>

	<script type="text/javascript" src="../jquery-3.2.1.js"></script>
	<script type="text/javascript">
		// $可以通过id 类名 标签名 交并级 后代 子代等获取dom
		$('ul li').css("background", "pink")
		$("ul li")[0].style.fontSize = "32px"
		$("ul li").css("color", "blue")

		// eq(n) 索引 (从0开始)
		$("ul li").eq(2).css("font-weight", "700")
		$("li:eq(3)").css("color", "yellowgreen")

		// 通过索引获取奇数
		$('li:odd').css("text-decoration", "underline")

		// 偶数
		$('li:odd').css("background", "green")

		// 大于某个索引
		$("li:gt(2)").css("font-family", "方正舒体")

		// 小于某个索引
		$("li:lt(2)").css("color", "aqua")

		// 属性选择器
		$("li[aaa=456]").css("font-size", "60px")
	</script>
</body>
</html>